<!--
 * @Author: panyc
 * @Date: 2021-05-06 09:31:29
 * @LastEditTime: 2021-05-08 13:40:36
 * @LastEditors: panyc
 * @Description: 
 * @FilePath: \tj-yqcz-web\src\pages\ExterCommun\detail\involve-obj-statistics\index.vue
 * 可以输入预定的版权声明、个性签名、空行等
-->
<template>
  <dg-row>
    <ModuleCard>
      <template v-slot:header>涉及对象统计</template>
      <dg-table
        :data="data"
        overflow="tooltip"
        paging-type="client"
        :pagination-props="{
          pageSizes: [5, 10, 20],
          pageSize: 5
        }"
      >
        <dg-table-column type="index" label="序号" width="70"></dg-table-column>
        <dg-table-column prop="sjjgmc" label="涉及机构"></dg-table-column>
        <dg-table-column prop="gzrs" label="工作人数" width="100"></dg-table-column>
        <dg-table-column prop="ywk" label="已稳控" width="100"></dg-table-column>
        <dg-table-column prop="wwk" label="未稳控" width="100"></dg-table-column>
        <dg-table-column prop="xyj" label="需移交" width="100"></dg-table-column>
        <dg-table-column prop="gzz" label="工作中" width="100"></dg-table-column>
        <dg-table-column prop="wsr" label="外省人" width="100"></dg-table-column>
        <dg-table-column prop="wfhc" label="无法核查" width="100"></dg-table-column>

        <!--无数据-->
        <slot name="empty" slot="empty">
          <no-record></no-record>
        </slot>
      </dg-table>
    </ModuleCard>
  </dg-row>
</template>

<script>
import { BM_XXDTPG } from '@/common/codeDic';
import ModuleCard from '@/components/layout/module-card';
import { userInfoStatistic } from '@/api/common';

export default {
  name: 'involve-obj-statistics',
  components: { ModuleCard },
  data() {
    return {
      BM_XXDTPG,
      form: {},
      data: []
    };
  },
  mounted() {
    // 使用前端数据分页，采用url获取数据方式会报错  未排查出问题
    this.fetchData();
  },
  computed: {
    flowId() {
      return this.$route.params.id || '';
    }
  },
  methods: {
    onUpdateInfo(data) {
      this.form = data.signInVO;
    },
    fetchData() {
      let that_ = this;
      userInfoStatistic().then(res => {
        that_.data = res.data;
      });
    }
  }
};
</script>

<style></style>
